<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>登录</title>
<script type="text/javascript" src="${pageContext.servletContext.contextPath }/statics/js/jquery.js"></script>
<script type="text/javascript">
	$(function(){
		$("input[name='username']").on("blur",function(){
			$.ajax({
				 url:"${pageContext.servletContext.contextPath }/checkuser", //规定发送请求的 URL。默认是当前页面。
				 type:"post",  //http请求类型 get|post
				 data:"username="+$("input[name='username']").val(),  //规定要发送到服务器的数据。
				 dataType:"json",  //预期的服务器响应的数据类型;  json|html/text
				
				 success:function(data){  // 	当请求成功时运行的函数。{"code":"yes","msg":"用户已经注册"}  | {"code":"no"}
					 $("#msg").empty();
					 if(data.code == "yes"){
						 $("input[name='username']").after("<span id='msg' style='color:red;font-size:14px'>"+data.msg+"</span>");
					 }
				 },
				 error:function(xhr,status,error){  //如果请求失败要运行的函数。
					 alert(error+"  "+status);
				 }
			});
		})
		
	})
</script>
</head>
<body>
	<form action="${pageContext.servletContext.contextPath}/register" method="post" enctype="multipart/form-data">
		<div>
			用户名:<input type="text" name="username">
		</div>
		<div>
			密码:<input type="password" name="password">
		</div>
		<div>
			头像:<input type="file" name="headerfile">
		</div>
		<div>
			<input type="submit" value="注册">
		</div>
	</form>
	${message }
</body>
</html>